﻿*{padding:0;margin:0;font-family:'Raleway',Arial; font-weight:100;}


html,body{background:#ffffff;}


img, a img{border:none;}
.bold{font-weight:bold;}
.hide{display:none;}

h1,h2,h3,h4,h5,h6{font-family: 'RaleWay', Arial; font-weight:800;}

/*MASTER*/
#container{position: relative;}
#header{position: relative; width: 100%; background:#000000; overflow: hidden;}
#header_content{position: relative;width: 960px;margin: auto;text-align: center;overflow:hidden;}
#header_content a.active{color:#FFFF00;}
#nav_left{position: relative;float: left;padding: 40px 0 0;}
#nav_logo{position: relative;float: left;padding: 15px 0;margin: 0 25px;}
#nav_right{position: relative; float:left;padding: 40px 0 0;}
#header a{text-decoration: none; color:#ffffff; margin: 0 12px;font-size: 14px;font-family:'Raleway';}
#header a:hover{color:#FFFF00;}
#header a.logo{}
#main{}
#footer{margin: 40px 0 0; position: relative; width:100%; border-top: 1px solid #cccccc;}
#footerContent{position: relative; width:960px; margin: auto; padding: 10px 0;}
#footerLinks{position: relative; margin: 0 0 10px;}
#footerLinks a{color:#999999; font-size: 10px;font-family:Arial;}
#footerLinks span{color:#999999; font-size: 10px; padding: 0 10px;font-family:Arial;}
#disclaimer{position: relative;}
#disclaimer p{font-size: 10px; color:#999999;font-family:Arial;}
#footerLogo{margin: 20px 0;position: relative;text-align: right;}
#footerLogo img{}

/*GENERAL*/
.contentContainer{position: relative;}

/*LANDING*/
.landingContainer{position: relative; width: 960px;margin:40px auto 0;}
.landingMainBox{position: relative; width: 958px; height: 374px;background:url(../images/img_mainbox.jpg) 0 0 no-repeat transparent; margin: 0 0 40px;border: 1px solid #cccccc;}
.landingMainBoxContent{position: relative;background:url(../images/ui_gray_transparent.png) 0 0 repeat transparent;width:500px; top: 200px; padding: 20px; }
.landingMainBoxContent h1{color: #FFFFFF; font-size: 28px;  margin: 0 0 10px;}
.landingMainBoxContent p{color:#ffffff;font-size: 14px;  margin: 0 0 10px;}
.landingMainBoxContent p a{color:#ffffff;text-decoration: none; font-weight:bold;}
.landingMainBoxContent p a:hover{color:#FFFF00;}
.landingSideBox{position: relative; overflow: hidden;}
.landingSideBox h3{color: #FFFFFF; font-size: 16px; margin: 0 0 5px;}
.landingSideBox p{color: #FFFFFF; font-size: 14px; margin: 0 0 5px;}
.landingSideBox p a{color:#ffffff;text-decoration:none;font-weight:bold;}
.landingSideBox p a:hover{color:#FFFF00;}
.landingSideBoxLeft{position: relative; float:left;width:463px;height:198px;background:url(../images/img_sidebox1.jpg) 0 0 no-repeat transparent;border:1px solid #cccccc;}
.landingSideBoxLeftContent{ background: url("../images/ui_gray_transparent.png") repeat scroll 0 0 transparent; padding: 20px; position: relative; top: 70px; width: 300px;}
.landingSideBoxRight{position: relative; float:right;width:463px;height:198px;background:url(../images/img_sidebox2.jpg) 0 0 no-repeat transparent;border:1px solid #cccccc;}
.landingSideBoxRightContent{background: url("../images/ui_gray_transparent.png") repeat scroll 0 0 transparent; padding: 20px; position: relative; top: 70px; width: 300px;}

/*INTERIOR CONTENT*/
.interiorContainer{position: relative; width: 960px; margin: 40px auto 0; overflow: hidden;}
.interiorMainContent{position: relative; float:left; width: 640px; border-right: 1px solid #cccccc; padding-right: 30px;min-height:900px;}
.interiorMainContent h1{font-family:'Raleway'; font-size: 60px;margin: 0 0 20px;color:#000000;}
.interiorMainContent h2{font-family: 'Raleway'; font-size: 30px;}
.interiorMainContent h3{font-family: 'Raleway'; font-size: 18px;margin: 0 0 20px;}
.interiorMainContent p{ color: #000000; font-size: 18px; letter-spacing: 1px; line-height: 25px;  margin: 0 0 20px;}
.interiorSideContent{position: relative; float:left; width: 260px;margin-left:20px;}
.sideInterior{position: relative; margin: 20px auto 0; width: 240px;}
.sideInterior a{display: block; height: 200px; position: relative;  width: 240px;}
.sideInterior a img{}
.sideInterior a span{bottom: 0; color: #FFFFFF; font-size: 16px;  left: 0;  position: absolute; background: url("../images/ui_gray_transparent.png") repeat scroll 0 0 transparent; padding:3px 5px; width: 229px;}
.twitterPhone{position: relative;width:240px; margin: auto; height: 417px; background: url(../images/bg_side_smartphone.png) 0 0 no-repeat transparent; }
.twitterPhoneContent{height: 316px; left: 10px; overflow: hidden;  position: absolute; top: 50px;  width: 220px;}

/*ACCORDION*/
#accordion{position: relative;}
#accordion h3{cursor:pointer; background:#000000;color:#ffffff; padding: 3px 5px; margin: 0 0 5px;}
#accordion div{position: relative;}
#accordion div p{margin: 0 0 15px;}
#accordion div p a{color:#0084B4;font-weight:800;}
#accordion div ul{position: relative; overflow:hidden; padding: 0 0 0 20px;margin: 10px 0;}
#accordion div ul li{float: left; margin-bottom: 5px; margin-right: 20px; position: relative;  width: 290px;}
#accordion div ul li p{margin:0;}

/*GALLERY*/
.galleryContainer{position: relative;}
.galleryHeader{position: relative; width: 960px; margin: 40px auto 20px;}
.galleryHeader h1{font-family:'Raleway'; font-size: 60px;margin: 0 0 20px;color:#000000;}
.galleryHeader p{color: #000000; font-size: 15px; letter-spacing: 1px; line-height: 20px;  margin: 0 0 20px;}
.photoGallery{position: relative; overflow-x:hidden;height:415px;margin: 0 0 20px;}
.photoGallery h3{font-family:'Raleway'; font-size: 24px;margin: 0 auto 20px;color:#000000; width:960px;}
.photoGalleryContentContainer{position: relative;height:360px;}
.photoGalleryContent{position:absolute; width:4000px; height:340px;left:0;}
.photoGalleryContent a{}
.photoGalleryContent a img{height:105px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	filter: alpha(opacity=80);	opacity:0.8;}
.photoGalleryContent a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter: alpha(opacity=100);	opacity:1;}
.photoGalleryContentContainer .scrollLeft{position:absolute;top:120px;left:100px;} 
.photoGalleryContentContainer .scrollRight{position:absolute;top:120px;right:100px;}
.videoGallery{position: relative;margin: 0 auto 20px; width: 960px;overflow:hidden;}
.videoGallery h3{font-family:'Raleway'; font-size: 24px;margin: 0 0 20px;color:#000000;}
.videoGalleryContentContainer{position: relative; width: 473px; height:272px; background:url(../images/bg_smartphone_video.png) 0 0 no-repeat transparent;}
.videoGalleryContent{height: 240px; left: 57px;  position: relative; top: 16px;  width: 360px;overflow:hidden;}
.video{position:absolute;top:0;left:0;}
.videoGalleryContentDetail{position:relative; margin-right: 20px; width: 400px;}

/*MODAL GALLERY*/
.overlay{position:fixed;background: url("../images/ui_gray_transparent.png") repeat scroll 0 0 transparent;width:100%;height:100%;top:0;left:0;z-index:1000;}
.modalOverlay{position:fixed; width:100%;height:100%;top:0;left:0;z-index:10000;}
.modalOverlay a{position:fixed;top:10px;right:10px;font-size: 20px;color:#ffffff;text-decoration:none;}
.modalOverlay img{position:fixed;top:50%;left:50%;}

/*CONTACT US*/
.contactUsContainer{position: relative; width: 960px; margin: 40px auto 0;}
.contactUsHeader{position: relative; margin: 0 0 20px;}
.contactUsHeader h1{font-family:'Raleway'; font-size: 60px;margin: 0 0 20px;color:#000000;}
.contactUsHeader p{color: #000000; font-size: 15px; letter-spacing: 1px; line-height: 20px;  margin: 0 0 20px;}
.contactUsContent{position: relative; overflow:hidden;}
.contactUsContent h5{font-size: 24px;}
.contactUsContent p{font-size: 18px; margin: 0 0 15px;}
.contactUsSmartphone{position: relative; float:left;width: 272px; height:473px;background:url(../images/bg_smartphone_contact.png) 0 0 no-repeat transparent;}
.contactUsPhoneContent{height: 360px; left: 17px;  position: relative; top: 57px;  width: 240px;}
.contactUsPhoneContent ul{list-style: none outside none; overflow: hidden; padding: 20px 0 0 25px;  position: relative;}
.contactUsPhoneContent ul li{float:left; width: 80px;height:80px; margin: 0 25px 20px 0;}
.contactUsPhoneContent ul li a{}
.contactUsDetail{position: relative; float:right; width: 600px; height: 300px; background:#333333;}

/*MISC*/
#accordion div.chapters p a{color:#000000;font-weight:100;}